<template>
  <div class='common_title' >
    <div class='common_left'>{{titleData}}</div>
    <div class='common_right' @click="courseList()">
     更多<img src='@/assets/index/more.png'>
    </div>
  </div>
</template>

<script>
export default {
  name:'titlepage',
  props:{
    titleData:{
      type:String,
      default:''
    },
    names:{
      type:String,
      default:''
    }
  },
  methods: {
    courseList() {//详情
      this.$router.push({name:this.names})
    }
  }
}
</script>


<style scoped>
.common_title {
  overflow: hidden;
  line-height: 1.2rem;
  padding: 0 0.3rem;
}
.common_left {
  float: left;
  color: #222222;
  font-size: 20px;
  font-weight: bold;
}
.common_right {
  float: right; 
  font-size: 14px;
  color: #606773;
}
.common_right img {
  width: 0.12rem;
  height: 0.2rem;
  margin-left: 0.06rem;
}
</style>

